<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:wicket="http://wicket.apache.org/">
	<wicket:head>
		<!--[if IE]>
			<style type="text/css">
				.right {
					position: static;
				}
			</style>
		<![endif]-->
	</wicket:head>
	<body>
		<wicket:panel>
			<h2 class="tabHeader">Summary</h2>
			<div class="module left">
                   <div class="mod-header">
                   	<h3>Description</h3>
                   </div>
                   <div class="mod-content">
                   	<table class="mod-content-table">
                   		<tr>
                            <td class="mod-content-row-head">Key:</td>
                            <td wicket:id="projectKey">&nbsp;</td>
						</tr>
						<tr>
						  	<td class="mod-content-row-head">Lead:</td>
						  	<td wicket:id="projectLead">&nbsp;</td>
						</tr>
						<tr>
						  	<td class="mod-content-row-head">Start Date:</td>
						  	<td wicket:id="projectStart">&nbsp;</td>
						</tr>
						<tr>
						  	<td class="mod-content-row-head">Description:</td>
						  	<td wicket:id="projectDesc">&nbsp;</td>
						</tr>
                       </table>
         			</div>
               </div>
               <div class="module right">
                   <div class="mod-header">
                   	<h3>Tasks: Due</h3>
                   </div>
                   <div class="mod-content">
                   	<table class="mod-content-table">
                   	  <tr>
		                <th wicket:id="orderByTaskName" width="70%" class="tableHeader" scope="col"><div>Task</div></th>
		                <th wicket:id="orderByDueDate" width="30%" class="tableHeader" scope="col"><div>Due Date</div></th>
		              </tr>
                         <tr wicket:id="tasksDue">
                           <td>
                           	<a wicket:id="taskLink">
                 					<span wicket:id="name">&nbsp;</span>
                 				</a>
                 			</td>
                           <td>
                           	<span wicket:id="due"></span>
                 			</td>
                         </tr>
                       </table>
         			</div>
               </div>
               <div class="module left">
                   <div class="mod-header">
                   	<h3 style="width:170px;">Tasks: Updated recently</h3>
                   </div>
                   <div class="mod-content">
                   	<table class="mod-content-table">
                         <tr>
		                <th wicket:id="orderByTaskName2" width="70%" class="tableHeader" scope="col"><div>Task</div></th>
		                <th wicket:id="orderByUpdatedDate" width="30%" class="tableHeader" scope="col"><div>Last Updated</div></th>
		              </tr>
                         <tr wicket:id="tasksUpdated">
                           <td>
                           	<a wicket:id="taskLink">
                 					<span wicket:id="name">&nbsp;</span>
                 				</a>
                 			</td>
                           <td>
                           	<span wicket:id="updated"></span>
                 			</td>
                         </tr>
                       </table>
         			</div>
               </div>
               <div class="module right image">
                   <div class="mod-header">
                   	<h3 style="width:170px;">Tasks: 30 Day Summary</h3>
                   </div>
                   <div class="mod-content">
                   	<div wicket:id="chart"></div>
         			</div>
               </div>
		</wicket:panel>
	</body>
</html>